$--colors: (
  'primary': (
    'base': #567aff
  ),
  'success': (
    'base': #21ba45
  ),
  'warning': (
    'base': #f2711c
  ),
  'danger': (
    'base': #db2828
  ),
  'error': (
    'base': #db2828
  ),
  'info': (
    'base': #29334e
  )
);
$primary: #567aff;
$default: #fff;

// we can add this to custom namespace, default is 'el'
@forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
  $namespace: 'dc'
);

// You should use them in scss, because we calculate it by sass.
// comment next lines to use default color
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: $--colors,
  $button-padding-horizontal: (
    'default': 50px
  )
);

// if you want to import all
// @use "element-plus/theme-chalk/src/index.scss" as *;

// You can comment it to hide debug info.
// @debug $--colors;

// custom dark variables
@use './dark.scss';

.menu-popper.dc-popper {
  padding: 0 !important;
  min-width: 120px;
}

.dc-button {
  padding: 8px 15px !important;
  border-radius: 2px !important;
  border-color: $primary;
  color: $primary;
  font-weight: normal;
}

.dc-button--text:hover {
  background-color: none !important;
}
.dc-button--primary {
  color: $default;
}
.dc-dialog__title {
  font-size: 16px;
  font-weight: bold;
}

.dc-dialog__header {
  border-bottom: 1px solid rgb(41 51 78 / 15%);
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
}

.dc-dialog__footer {
  border-top: 1px solid rgb(41 51 78 / 15%);
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.dc-message-box__header {
  border-bottom: 1px solid rgba(41, 51, 78, 0.15);
  padding-bottom: 15px;
}
.dc-message-box__btns {
  border-top: 1px solid rgba(41, 51, 78, 0.15);
  padding-top: 10px;
}
.dc-radio {
  font-weight: normal;
}
.dc-input .dc-input__count {
  color: rgba(41, 51, 78, 0.3);
}
